@font-face{
    font-family: 'YouSheBiaoTiHei';
    src : url('/static/font/YouSheBiaoTiHei-2.ttf');
}

/*背景*/
$main-bg-color: #F7F7F7;
$item-bg-color: #fff;
$theme-color:#1952F8;
$subtheme-color:#FF073D;
$bottom-btn-color:#fff;

/* css中背景图片变量。js图片变量在env.js */
// $IMG_URL: 'https://cache.culturalbox.art';
$IMG_URL:'https://cache.lvbox.top';
.bg-color-page_mian{
	background: $main-bg-color;
}

.bg-color-item {
	background-color: $item-bg-color;
}

.white-bg-color{
	background-color: #ffffff;
}

/**文字省略号***/ 
.text-overflow{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-overflow-1{
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:1;
}
.text-overflow-2{
	overflow:hidden;
	
	text-overflow:ellipsis;
	
	display:-webkit-box;
	
	-webkit-box-orient:vertical;
	
	-webkit-line-clamp:2;
}
.no_text {
	white-space: nowrap;
}

.bg-color-index {
	background-color: #FEFEFE;
}



/***边距大小**/
$paMaSize:(1,2,3,4,5,6,7,8,9,10,12,13,14,15,16,17,18,20,24,25,26,28,30,32,36,38,40,48,70,80,106,120);
$dir:(t:top,r:right,b:bottom,l:left);
@each $size in $paMaSize{
	.pa-#{$size}{
		padding: 2*$size+rpx;
	}
	.ma-#{$size}{
		margin: 2*$size+rpx;
	}
	.plr-#{$size}{
		padding-left: 2*$size+rpx;
		padding-right: 2*$size+rpx;
	}
	.ptb-#{$size}{
		padding-top: 2*$size+rpx;
		padding-bottom: 2*$size+rpx;
	}
	.mlr-#{$size}{
		margin-left: 2*$size+rpx;
		margin-right: 2*$size+rpx;
	}
	.mtb-#{$size}{
		margin-top: 2*$size+rpx;
		margin-bottom: 2*$size+rpx;
	}
	@each $dir,$name in $dir {
	    .p#{$dir}-#{$size}{
	      padding-#{$name}: 2*$size+rpx;
	    }
	    .m#{$dir}-#{$size}{
	      margin-#{$name}: 2*$size+rpx;
	    }
	}
	.gap-#{$size}{
		gap: 2*$size+rpx;
	}
}

/***字体加粗**/
$fontWeight:(600,550,500,400,bold);
@each $val in $fontWeight {
  .font-w-#{$val}{
    font-weight:$val;
  }
}

/***字体大小**/
$fontSize:(36,32,30,28,24,23,22,20,19,18,17,16,14,13,12,11,10,8);
@each $val in $fontSize {
  .font-size-#{$val}{
    font-size:$val*2+rpx;
  }
 
}

/***圆角大小**/
$rSize:(28,20,18,16,12,24,4,8,2);
@each $val in $rSize {
  .br-#{$val}{
    border-radius:$val*2+rpx;
  }
  .br-lt-#{$val}{
	  border-radius:$val*2+rpx 0 0 0;
  }
  .br-rt-#{$val}{
  	  border-radius:0 $val*2+rpx 0 0;
  }
  
  .br-rb-#{$val}{
  	  border-radius:0  0 $val*2+rpx 0;
  }
  
  .br-lb-#{$val}{
  	  border-radius:0  0  0 $val*2+rpx;
  }
  .br-t-#{$val}{
	   border-radius:$val*2+rpx $val*2+rpx 0 0;
  }
  .br-b-#{$val}{
  	   border-radius: 0 0 $val*2+rpx $val*2+rpx;
  }
  
  .br-l-#{$val}{
  	   border-radius: $val*2+rpx 0 0 $val*2+rpx;
  }
  
  .br-r-#{$val}{
	   border-radius:0 $val*2+rpx $val*2+rpx 0;
  }
 
}


/***颜色**/
//按钮主色
$btn-primary:rgba(245,245,245,0.3); 
$btn-primary2: linear-gradient(180deg, #EBBA84 0%, #D1803E 100%);
//文字颜色
$text-primary:#303030;

//边框颜色
$borderColor:#f2f2f2;
$text-price:#272727;
$theme-jb-color:$theme-color;
.bg_jb_theme {
	background: $theme-jb-color;
}
.bg-color-theme {
	background-color: #222222;
}

.box-b {
	box-sizing: border-box;
}
.w-100{
	width: 100%;
}
.h-100{
	height: 100%;
}

.main-border{
	background: linear-gradient(139deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.09) 100%);
	border-image: linear-gradient(157deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6)) 2 2;
	border: 2rpx solid;
}

/**
 * black 主要
 * white 白色
 * convention 常规
 * minor 次要
 * describe 描述
 * describe2 描述2
 */
$color:(placeholder:#c0c4cc,bottombtn:$bottom-btn-color,theme:$theme-color,subtitle:$subtheme-color,item:$item-bg-color,theme-jb:$theme-jb-color,main-text:$text-primary,999:#999,666:#666,price:$text-price,brown:#ffffff,brown-light:#D1803E,yellow:#D1803E,yellow-light:#FFEEEF,dark:#232744,pageBg:$main-bg-color,light:#E2EBFF,white:#ffffff,black:#000000,convention:#4a4a4a,minor:#7a7a7a,describe:#ababab,describe2:#dcdcdc,describe3:#F2F2F2,textPrimary:$text-primary,warning:#FF2D23,success:#29B912);
@each $key,$val in $color {
  .font-color-#{$key}{
	color:$val;
  }
  .bg-color-#{$key}{
	background-color:$val;
  }
  .border-color-#{$key}{
	border:1px solid $val;
  }
}







/***flex布局相关****/
.flex{
	display: flex;
}

.flex-w{
	flex-wrap: wrap;
}

.flex-dir-col{
	flex-direction: column;
}

.flex-js-center{
	justify-content: center;
}

.flex-center{
	display: flex;
	@extend .flex-js-center,.flex-ai-center;
}

.flex-center-sb{
	display: flex;
	@extend .flex-js-sb,.flex-ai-center;
}

.flex-js-sb{
	justify-content: space-between;
}

.flex-js-end{
	justify-content: flex-end;
}

.flex-js-sa{
	justify-content:space-around;
}

.flex-ai-center{
	align-items: center;
}

.flex-ai-end{
	align-items: flex-end;
}

.flex-ai-start{
	align-items: flex-start;
}

.flex-1{
	flex-grow: 1;
}

.wb-50 {
	width: 50%;
}


$textAlign:(left:left,right:right,center:center);

@each $k,$var in $textAlign {
	.text-#{$k}{
		text-align: $var;
	}
}

.box-shadow{ box-shadow: 0 2rpx 8rpx #eee; }



@mixin ossBg($path) {
	background-image:url($IMG_URL + $path);
}